﻿<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>西安奥德石油工程技术有限责任公司</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<link rel="shortcut icon" href="image/favicons.ico"
			type="image/x-icon" />
		<link rel="stylesheet" href=" css/index.css">
		<link rel="stylesheet" href=" css/top.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap.min.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap-theme.css">
		<link href=" framework/bootstrap-3.0.0/css/bootstrap-combined.min.css"
			rel="stylesheet">
		<script type="text/javascript" src=" js/jquery.js"></script>
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" type="text/css"
			media="all and (max-width:10000px),all and (max-device-width:10000px)"
			href="style/index.css" />
		<link rel="stylesheet" type="text/css"
			media="all and (max-width:1377px),all and (max-device-width:1377px)"
			href="style/index1377.css" />
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/index.js"></script>
		<script src="./js/web-default.js"></script>
		<meta http-equiv=“X-UA-Compatible” content=“IE=7″>
		<meta http-equiv=“X-UA-Compatible” content=“IE=8″>
		<!–[if lt IE 7]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js”
			type=”text/javascript”></script>
		<![endif]–>

		<!–[if lt IE 8]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js”
			type=”text/javascript”></script>
		<![endif]–>

		<!–[if lt IE 9]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
		<![endif]–>
		<style type="text/css">
a {
	text-decoration: none;
	color: black !important;
}

a:hover {
	color: #da2b0c !important;
	text-decoration: none;
}
</style>

		<script>
	window.onload = function() {
		var text = document.getElementById('txt'), str = text.innerHTML, textLeng = 200;
		if (str.length > textLeng) {
			text.innerHTML = str.substring(0, textLeng) + "... ...";
		}
	}
</script>
	</head>
	<body style="background-color: #eeeeee; font-family: Microsoft YaHei;">
		<div class="wrapper">
			<div style="top: 0px;"><jsp:include page="top.jsp"></jsp:include></div>

			<div id="carousel-example-generic" style="overflow: hidden;"
				class="carousel slide" data-ride="carousel">


				<div class="carousel-inner" role="listbox">
					<c:forEach items="${lunbo}" var="lunbopic">
						<div
							<c:if test="${lunbo.get(0).id==lunbopic.id}">class="item active"</c:if>
							<c:if test="${lunbo.get(0).id!=lunbopic.id}">class="item"</c:if>>
							<img src="${lunbopic.imgurl }" alt="" style="height: 527px;">
						</div>
					</c:forEach>
				</div>
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0"
						class="active"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
					<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				</ol>

				<!-- Controls -->

			</div>

			<div class="show1"
				style="margin-top: 3%; background: url('images/22.png') no-repeat right bottom;">
				<div style="color: black;">
					<div style="text-align: center; font-size: 24px;">
						关于我们
					</div>
					<br />
					<div style="text-align: center; font-size: 18px;">
						<front style="color: red;">
						ABOUT
						</front>
						US
					</div>
					<br />
					<div style="display: inline-block;">
						<div
							style="text-align: left; display: inline-block; margin-left: 8%; width: 30%;">
							<img src="images/5.png" />
						</div>
						<div
							style="display: inline-block; color: gray !important; width: 60%;"
							id="txt">
							<c:forEach items="${about}" var="one">
								${one.content }
							</c:forEach>
						</div>
						<div style="float: right;">
							<a href="front/guanyu"><img alt="" src="images/asad_38.png"
									style="width: 80px; height: 30px;">
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="show1"
				style="margin-top: 3%; background-image: url('images/6.png');">
				<div style="text-align: center; color: black;">
					<br />
					<br />
					<br />
					<div style="text-align: center; font-size: 24px;">
						产品与服务
					</div>
					<br />
					<div style="text-align: center; font-size: 18px;">
						<front style="color: red;">
						PRODUCTS
						</front>
						AND
						<front style="color: red;">
						SERVICES
						</front>
					</div>
					<br />
					<div
						style="text-align: left; margin-left: 6%; margin-bottom: 3%; font-size: 18px;">
						<c:forEach items="${imglist}" var="img">
							<div style="display: inline-block; width: 23%;">
								<a href="${img.url }"><img alt="" src="${img.imgurl }">
								</a>
								<br />
								<br />
								<div style="color: red; margin-left: 23%;">
									<a href="${img.url }" style="color: red !important;">${img.cpname}</a>
								</div>
							</div>
						</c:forEach>

					</div>

				</div>
			</div>
			<div class="show1" style="margin-top: 3%;">
				<div style="text-align: center; color: black;">
					<div style="text-align: center; font-size: 24px;">
						企业新闻
					</div>
					<br />
					<div style="text-align: center; font-size: 18px;">
						ENTERPRISE
						<front style="color: red;">
						NEWS
						</front>
					</div>
					<br />
					<div style="text-align: left; margin-left: 8%;">
						<div class="col-md-12">

							<div class="row" style="padding: 15px;">
								<c:forEach items="${xinwen}" var="tema">
									<li class="col-md-3"
										style="margin-top: 20px; list-style-type: none; text-align: center;">
										<a href="front/xwinfo?id=${tema.id }"><img
												src="${tema.imgurl }" style="height: 150px; width: 200px;" />
										</a>
										<br>
										<div style="display: inline-block;">
											<a href="front/xwinfo?id=${tema.id }">${tema.title }</a>
										</div>
										<div style="display: inline-block;">
											${tema.time }
										</div>

									</li>
								</c:forEach>
							</div>
						</div>
					</div>
					<div style="float: right; margin-right: 4%;">
						<a href="front/xinwen"><img alt="" src="images/asad_38.png"
								style="width: 80px; height: 30px;">
						</a>
					</div>

				</div>
			</div>
			<div class="show1" id="top"
				style="margin-top: 3%; background-image: url('images/7.png');">
				<div style="text-align: center; color: white;">
					<br />
					<br />
					<br />
					<div style="text-align: center; font-size: 24px;">
						联系我们
					</div>
					<br />
					<div style="text-align: center; font-size: 18px;">
						CONTACT
						<front style="color: red;">
						US
						</front>
					</div>
					<br />
					<div>
						<div
							style="text-align: left; margin-left: 8%; display: inline-block;">
							<c:forEach items="${contact}" var="tema">
							<div style="display: inline-block;">
								<img alt="" src="images/8.png">
								地址：${tema.adress }
							</div>
							<br />
							<br />
							<div style="display: inline-block;">
								<img alt="" src="images/9.png">
								电话：${tema.phone }
							</div>
							</c:forEach>
						</div>
						<div
							style="float: right; display: inline-block; margin-right: 3%;">
							<form action="front/addxq">
								<input type="text" name="name" placeholder="姓名"
									style="height: 30px;" />
								<input type="text" name="phone" placeholder="电话"
									style="height: 30px;" />
								<br>
								<textarea rows="5" cols="8" style="width: 100%;" name="content"
									placeholder="说点什么..."></textarea>
								<input type="submit" value="提交你的需求"
									style="float: right; background-color: #ef3007; background-image: linear-gradient(to bottom, #ec4b0c, #f32a09);"
									class="btn  btn-info btn-xs info" />
							</form>
						</div>
					</div>
				</div>
			</div>
			<div class="footer"><jsp:include page="bottom.jsp" flush="true"></jsp:include></div>
		</div>
	</body>
	<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
	<script
		src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
	<script>
	$(document).ready(function() {
		$('#myCarousel').carousel();
	});
</script>


</html>
